<template>
    <section>
        <header-tools></header-tools>
        <div class="main-content" id="designCanvas">
            <silder-components></silder-components>
            <main-container></main-container>
            <silder-catalogue></silder-catalogue>
            <CopyMoveNode></CopyMoveNode>
        </div>
    </section>
</template>

<script lang="ts">
import Vue from 'vue';
import Component from "vue-class-component";
import HeaderTools from '@/components/EditPage/HeaderTools.vue'
import MainContainer from '@/components/EditPage/MainContainer.vue'
import SilderComponents from '@/components/EditPage/SilderComponents.vue'
import SilderCatalogue from '@/components/EditPage/SilderCatalogue.vue'

@Component({
    components: {HeaderTools, MainContainer, SilderComponents, SilderCatalogue}
})
export default class EditPage extends Vue {
}
</script>

<style lang="less">
.main-content {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: space-between;
}
</style>
